<template>
    <div class="ability">
        <div class="headTitle">
            <div class="inner">
                <h6>Product orientation</h6>
                <h1>产品化方向</h1>
            </div>
        </div>
        <section1 />
        <section2 />
        <section3 />
        <section4 />
        <section5 />
        <section6 />
        <section7 />
    </div>
</template>

<script>
import section1 from './section/section-1'
import section2 from './section/section-2'
import section3 from './section/section-3'
import section4 from './section/section-4'
import section5 from './section/section-5'
import section6 from './section/section-6'
import section7 from './section/section-7'
export default {
    name: 'ability',
	components:{ section1, section2, section3, section4, section5, section6, section7 },
	data () {
		return {
			
		}
	}
}
</script>

<style lang="less" scoped>
.ability{
    .headTitle{
        color:#000000;
        background:#FFE500;
        h1{
            font-weight: bold;
            &:after{
                background:#000;
            }
        }
    }
}
</style>
